<template>
    <div class="feature__wrapper">
        <div class="row g-4">
            <div v-for="(item, index) in featureList" :key="index" class="col-md-4 col-sm-6">
                <div class="feature__item" data-aos="fade-up" data-aos-duration="800" data-aos-delay="100">
                    <div class="feature__item-inner">
                        <div class="feature__thumb">
                            <img :src="item.image" alt="feature-image">
                        </div>
                        <div class="feature__content">
                            <h5>{{ item.title }}</h5>
                            <p class="mb-0">{{ item.subtitle }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {

    props: {
        featureList: {
            type: Array,
            default: () => [],
        },
    }
}
</script>